<template>
  <view class="surpervip">
    <view class="top">
      <view class="top1">
        <view>专享超级商城</view>
        <view>申请条件：累计消费xx元或<br/>一次性充值xx元</view>
      </view>
      <view class="top2">
        <image src="../../static/surpervip.jpg"></image>
      </view>
    </view>
    <view class="bottom">
      <uv-button text="立即申请" shape="circle" color="#FC4424"></uv-button>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>

<style lang="scss">
.surpervip{
  width:90%;
  margin:auto;
  .top{
    margin-bottom:30px;
    border-radius: 10px;
    padding:40px 15px 40px 15px;
    background-color: #31302F;
    display: flex;
    .top1{
      width:60%;
      view:nth-child(1){
        color:#F2D7B5;
        font-size: 28px;
        font-weight: bold;
        margin-bottom:8px;
      }
      view:nth-child(2){
        color:#95836E;
        font-size: 13px;
      }
    }
    .top2{
      width:40%;
      text-align: center;
      image{
        width:70px;
        height:60px;
      }
    }
  }
  .bottom{
    width:80%;
    margin:auto;
  }
}
</style>
